導(dǎo)讀:先說這個(gè)「長」,網(wǎng)站的頁面真是長啊,以至于我坐在計(jì)算機(jī)前瀏覽的時(shí)候經(jīng)常會想,這個(gè)頁面的低端會不會已經(jīng)搭拉到我的腳面上了。我們的萬里長城是第幾大奇跡來著?反正的網(wǎng)站應(yīng)該緊
發(fā)表日期:2019-06-03
文章編輯:興田科技
瀏覽次數(shù):9829
標(biāo)簽:
先說這個(gè)「長」,網(wǎng)站的頁面真是長啊,以至于我坐在計(jì)算機(jī)前瀏覽的時(shí)候經(jīng)常會想,這個(gè)頁面的低端會不會已經(jīng)搭拉到我的腳面上了。我們的萬里長城是第幾大奇跡來著?反正的網(wǎng)站應(yīng)該緊排在她后面。
我們的大型門戶網(wǎng)站恐怕應(yīng)該是長頁面的領(lǐng)軍者吧。現(xiàn)在能生存下來的大型門戶各個(gè)實(shí)力不凡,又紛紛上市,其他網(wǎng)站能與他們頁面相似應(yīng)該也能說明實(shí)力相似吧,這幾家大型門戶已經(jīng)給用戶形成了「長則是好」的印象,于是眾多網(wǎng)站都紛紛「長」起來了。無論是綜合性網(wǎng)站還是性網(wǎng)站,只要有內(nèi)容,就能做多長就做多長,沒有內(nèi)容,抄襲別人內(nèi)容也要做長,以至于不少實(shí)力有限的網(wǎng)站只是頁很長,到了欄目頁面(二級頁面)就簡陋的可憐了。
長的基礎(chǔ)就是要內(nèi)容要多,這些眾多的長網(wǎng)站在組織內(nèi)容的思路上基本是一致的,就是把二級頁面的內(nèi)容摘要的放在頁上。頁分成若干個(gè)相應(yīng)的通欄的大塊兒(這樣可以逐個(gè)部分的下載頁面,易于顯示),再在每兩塊之間加一條廣告,后再在頁面的上面加一個(gè)更綜合的區(qū)域,所謂的重中之重,這樣以來頁面想短都短不了。
按照J(rèn)akob Nielsen的說法:網(wǎng)站頁的長度不應(yīng)該超過4屏。當(dāng)然這個(gè)準(zhǔn)則也未必就那么準(zhǔn)確,但是至少應(yīng)該承認(rèn)頁面不是越長越好的。
第二,說說「閃」。就是網(wǎng)頁上能動的東西---動畫。主要是Gif動畫,flash動畫,腳本語言實(shí)現(xiàn)的圖片交替效果,還有就是彈出窗口。動畫對網(wǎng)頁表現(xiàn)本應(yīng)該是個(gè)很好的補(bǔ)充,但是現(xiàn)在的實(shí)際效果是對網(wǎng)頁的干擾,因?yàn)閯赢嫃囊婚_始就扮演著廣告的角色。雖然將各種形式的動畫應(yīng)用于網(wǎng)站在國外的網(wǎng)站上也常見,但是網(wǎng)站上的動畫實(shí)在是太多了??峙乱彩且?yàn)榫W(wǎng)站頁面長吧,能放動畫的空間自然也就大了。整個(gè)頁面到處都在不停的閃??茖W(xué)家已經(jīng)證實(shí),在月球上是看不到萬里長城的,但是我想,應(yīng)該是可以看到網(wǎng)頁的,它們不僅長,而且還在不停的閃爍。
這些動畫通常是廣告,網(wǎng)站要生存,要有經(jīng)濟(jì)效益,這是可以理解的,但卻不可接受,尤其是太多的時(shí)候。不可接受的是一些網(wǎng)站會把自己的欄目名稱,網(wǎng)站logo之類的很重要的內(nèi)容也做成動畫,以為這樣可以更醒目,要知道,絕大多數(shù)用戶是經(jīng)驗(yàn)豐富的,他們看到動畫閃來閃去就會認(rèn)為那是廣告的,盡管你不是,那也活該,誰讓你亂閃來著。
雖然彈出窗口里的內(nèi)容不一定是動畫,但是它「噌」的一下彈出來,著實(shí)是夠「動」的,就動畫的效果而言,絕對是具視覺沖擊力的。還好,現(xiàn)在有越來越多的雷鋒式的好公司提供了能屏蔽彈出窗口的工具。
腳本語言實(shí)現(xiàn)的圖片交替效果目前主要是用在網(wǎng)站頭條的圖片報(bào)道上,雖然是動,分散用戶的注意力,好在這種方式還是為了給用戶提供盡可能多的信息,應(yīng)該值得肯定,也應(yīng)該是動畫應(yīng)用于網(wǎng)絡(luò)的發(fā)展方向,只是不知道什么時(shí)候,哪位設(shè)計(jì)師靈感突現(xiàn),把廣告也偽裝成這種樣子,應(yīng)該能在一片罵聲中為公司贏得不少經(jīng)濟(jì)效益。
Gif動畫是種傳統(tǒng)的動畫形式了,不過在flash動畫面前,它的生存空間越來越小了,與flash動畫相比恐怕Gif動畫的優(yōu)勢就是在用戶將網(wǎng)頁「另存為…」后,Gif動畫還能顯示,而flash就不行了。雖然Gif已是人老珠黃了,但是還是要批判,因?yàn)樗ǔJ菑V告。
Flash動畫無疑是網(wǎng)頁動畫的主力了,文件小,效果好,一個(gè)白方塊在黑背景上隔幀出現(xiàn),連續(xù)幾次,只要尺寸稍大就足以造成用戶暫時(shí)性失明。實(shí)際上,flash基于其強(qiáng)大的交互性應(yīng)當(dāng)能為提高用戶界面的性能提供巨大幫助,但是如前面所說,它更被廣告商所看好。更不幸的是越來越多「閃客」在為這項(xiàng)事業(yè)服務(wù),原本代表特例獨(dú)行、自由創(chuàng)造精神的人走向了相反的方向。這有點(diǎn)兒象政府將反政府武裝招安后讓他們穿著原來的軍裝去給政府機(jī)關(guān)當(dāng)保安。
第三是「擠」。我們的網(wǎng)站看上去滿滿當(dāng)當(dāng)?shù)?,比公共汽車還擠。每天早上都是擠公共汽車,然后擠地鐵,擠電梯,擠著打卡,好容易坐下了,打開計(jì)算機(jī)就不要再那么擠了,大家站開點(diǎn)兒吧,網(wǎng)頁上有的是地兒。
與英文相比,中文本身就顯得比較復(fù)雜,對于有鏈接的文字網(wǎng)站又往往更傾向于傳統(tǒng)的隨時(shí)保持下劃線的方式,再加上小的幾乎不存在的行間距(顯然,這里夸張了,至少還要有劃下劃線的地兒),使得頁面看上去分外豐滿,如同我小時(shí)候習(xí)慣了在田字格本上寫字后,初次改用行距很小的單線格本寫字所展現(xiàn)出的風(fēng)采。
即便是體檢用的視力表也沒有把行距安排的如此之小,那可是專門給我們眼睛找麻煩的工具啊,我們的網(wǎng)站無一不是把用戶放在位的(至少自稱是這樣的),為什么不能把行距拉大些呢?
經(jīng)常可以看到某網(wǎng)站為了突出重點(diǎn)內(nèi)容而使用14pt的字號,然而卻不加大該內(nèi)容與其他內(nèi)容的距離,這樣只能使頁面看上去更擁擠。這種做法倒是與老板(個(gè)別的,個(gè)別的,如果您是老板,那這里所說的一定不包括您)的做法頗為相似:只增加工作,不加薪。也許是設(shè)計(jì)師在用這種擁擠的樣式向老板示威吧。
第四是「花」,網(wǎng)站的色彩之絢爛,幾乎無以復(fù)加。前面分析了頁的構(gòu)成方式---將各個(gè)欄目摘要排放在頁上,通常每一個(gè)欄目會有一種主色調(diào),這樣一來,頁上的色彩自然就很豐富了。
當(dāng)然,分欄目確定主色調(diào)的設(shè)計(jì)方式本身并沒有錯誤,也不足以搞「花」頁面,然而實(shí)際情況卻更復(fù)雜,以文字為例,未點(diǎn)擊的鏈接文字有黑色和藍(lán)色,重點(diǎn)的文字會用紅色(重點(diǎn)通常還很多),點(diǎn)擊后的文字鏈接是紫色,無鏈接且不重要的文字是灰色,此外為了突出某一個(gè)重點(diǎn)內(nèi)容會添加一個(gè)醒目的背景色或文字顏色。網(wǎng)頁設(shè)計(jì)師為了表明自己工作用心,會給每一個(gè)子欄目的標(biāo)題部分設(shè)計(jì)一個(gè)很具有特色的背景,這些文字再與數(shù)不勝數(shù)的圖片、動畫交相輝映,使得用戶可以在一個(gè)頁面上將計(jì)算機(jī)可以顯示的全部色彩盡收眼底。網(wǎng)頁設(shè)計(jì)師實(shí)際上根本不需要絞盡腦汁為頁面設(shè)定主色調(diào)了,所有的頁面色調(diào)都已經(jīng)設(shè)定好了---彩色。
為什么網(wǎng)站會設(shè)計(jì)成這個(gè)樣子呢?
造成「長,閃,擠,花」問題的實(shí)質(zhì)是一個(gè)「多」字。網(wǎng)站頁上內(nèi)容多,重點(diǎn)多,欄目多,圖片多,廣告多,該多的多,不該多的也多,要多多,有多多。
「多」是網(wǎng)站的特點(diǎn),更是社會的現(xiàn)實(shí)狀況。無論是超級市場里還是購物中心里,到處是商品,到處是人潮,即使是象書店,美術(shù)館這樣的場所也是相似的場面,人們相信人多的商場里的商品會更好,人多的書店里的書會更全,人多的美術(shù)展會更有水平,賣家只能盡可能的展現(xiàn)自己的產(chǎn)品,從而證明自己的實(shí)力,而其他更高級的要求,諸如:環(huán)境,風(fēng)格,品味,服務(wù)……都要為展示產(chǎn)品讓路了。
在目前的,無論是物質(zhì)產(chǎn)品還是精神產(chǎn)品,廣大受眾的需求都遠(yuǎn)遠(yuǎn)沒有得到滿足,所以大家都希望能看到更多產(chǎn)品,這樣就形成了「多則好」消費(fèi)心理(瀏覽網(wǎng)站的消費(fèi)形式顯得更間接),網(wǎng)頁設(shè)計(jì)師在應(yīng)聘時(shí)經(jīng)常會被問到:你是否能勝任「大型」網(wǎng)站的設(shè)計(jì),即「能不能把頁面做的很長?!?/p>
網(wǎng)頁內(nèi)容多,給人忙亂的感受,正像我們自己經(jīng)常會向別人抱怨自己忙的要死,以此來表示我們自己的價(jià)值。
引用Donald Norman 在《emotional design》一書中的理論,設(shè)計(jì)可以分為三種層次:本能水平的設(shè)計(jì)、行為水平的設(shè)計(jì)、反思水平的設(shè)計(jì)。本能水平的設(shè)計(jì)是滿足人類本能審美需求的設(shè)計(jì),也就是漂亮、美觀的設(shè)計(jì);行為水平的設(shè)計(jì)是注重效用的設(shè)計(jì),注重功能、易用性、可用性;反思水平的設(shè)計(jì)注重信息、文化的作用,一件產(chǎn)品被設(shè)計(jì)的很獨(dú)特、出眾、引人矚目,用戶會因?yàn)槭冀K這個(gè)產(chǎn)品而產(chǎn)生樂趣,產(chǎn)生滿足感。
根據(jù)這個(gè)理論,網(wǎng)站的設(shè)計(jì)普遍達(dá)沒能實(shí)現(xiàn)本能水平的設(shè)計(jì),雖然網(wǎng)站的boss、設(shè)計(jì)師本人都希望把網(wǎng)站設(shè)計(jì)的很漂亮,吸引用戶的眼球。行為水平的設(shè)計(jì)逐漸被重視了,不過目前基本上還是停留在不高的水平上。上面說到的網(wǎng)站的種種問題實(shí)際上正式在反思水平上的設(shè)計(jì),一種變相的反思水平設(shè)計(jì)。
「多」這種看似缺陷的現(xiàn)象,實(shí)際上正式給用戶一個(gè)好的反思---「這個(gè)網(wǎng)站的內(nèi)容豐富,在這里我能得到想要的東西?!贡M管很多用戶并不會真的關(guān)注頁上的內(nèi)容。
正是這種反思吸引著用戶,保證著網(wǎng)站的訪問量。
造成上述網(wǎng)站頁設(shè)計(jì)問題的罪魁并不是設(shè)計(jì)師沒水平或者用戶沒品味,而是產(chǎn)品不夠,這表面上的「多」其實(shí)是由于「少」造成的。用戶對網(wǎng)絡(luò)內(nèi)容的需求引導(dǎo)著網(wǎng)站的設(shè)計(jì),策劃人員有意無意的在迎合著這樣的需求。
要改變網(wǎng)頁設(shè)計(jì)單靠高水平的設(shè)計(jì)師是不夠的,網(wǎng)頁設(shè)計(jì)水平的提高是伴隨著社會發(fā)展在進(jìn)步的。
好吧,我們好好干吧,等我們實(shí)現(xiàn)了「四個(gè)現(xiàn)代化」,完成了「三步走」,創(chuàng)建了「和諧社會」,那時(shí)候,會需要更好的頁面設(shè)計(jì)的。
pS:太多的功利心讓設(shè)計(jì)師失去了對一個(gè)網(wǎng)站的真正認(rèn)知,內(nèi)容的豐富不代碼這個(gè)站是我想要的東西,花哨的界面,沒有任何的重點(diǎn)在里面,技術(shù)已經(jīng)升級了不知多少次,但人的思想沒有起步,結(jié)果就成這樣了。
大連網(wǎng)站建設(shè)公司-網(wǎng)建科技(),確保您獲得理想的網(wǎng)頁設(shè)計(jì)服務(wù),設(shè)計(jì)團(tuán)隊(duì)為您提供FLASH網(wǎng)站設(shè)計(jì),網(wǎng)頁制作,App界面設(shè)計(jì)及程序開發(fā),多媒體觸摸屏展示設(shè)計(jì).
上一篇:
暫無信息更多新聞
2020
關(guān)于深圳seo,在這里(SEO公司)給各位企業(yè)老板普及一下企業(yè)要做SEO優(yōu)化推廣的必要性。SEO是指在了解搜索引擎自然排名機(jī)制的基礎(chǔ)之上,對企業(yè)網(wǎng)站進(jìn)行內(nèi)部及
View details
2020
關(guān)于網(wǎng)站優(yōu)化,新進(jìn)企業(yè)要想在網(wǎng)站優(yōu)化行業(yè)立足,首先要掌握行業(yè)基礎(chǔ)知識,這是新進(jìn)企業(yè)的基本素質(zhì)。新兵自身素質(zhì)的培養(yǎng)很重要,最優(yōu)化,下面小編告訴大家新手
View details
2020
關(guān)于深圳seo,文章被收錄,排名仍舊無法提升,這樣一來對于很多的使用百度的人來說,在前面幾頁翻過去之后就沒有繼續(xù)翻下去的欲望了,這樣一來網(wǎng)站就受到了排名
View details
2020
關(guān)于搜索引擎優(yōu)化,為了讓企業(yè)網(wǎng)站運(yùn)行得更好,SEO優(yōu)化必須要做好,首先針對SEO優(yōu)化中要害詞的規(guī)劃和布局,關(guān)鍵字的布局是打造關(guān)鍵字成敗的基石,如果關(guān)鍵字布
View details